@tailwind base;
@tailwind components;
@tailwind utilities;

.flow-canvas {
  background-image: radial-gradient(#E5E7EB 1px, transparent 1px);
  background-size: 20px 20px;
}

.node {
  transition: all 0.2s;
}

.node:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.connector {
  width: 12px;
  height: 12px;
  background: #4F46E5;
}

.rounded-button {
  border-radius: 4px;
}